<template>
  <div class="home">
    <!-- 3、调用 -->
    <v-toapp></v-toapp>
    <v-header></v-header>
    <Banner />
    <Recommend/>
    <NewList/>
    <ToAppFooter/>
  </div>
</template>
   
<script>
/** 1、引入组件，后缀.vue可以省略 */
import ToApp from "@/components/ToApp.vue";
import Header from "@/components/Header.vue";
import Banner from "@/pages/Home/Banner.vue";
import Recommend from "@/pages/Home/Recommend.vue";
import NewList from "@/pages/Home/NewList.vue";
import ToAppFooter from "@/components/ToAppFooter.vue";
export default {
  /**2、组件的注册定义 */
  components: {
    /**Header可以直接使用Header注册定义，等价于Header:Header，ES6规范当键值对一样时可以忽略只写一个 */
    'v-header':Header,/**此处也可以重命名为v-header，然后通过v-header调用 */
    'v-toapp':ToApp,
    Banner,Recommend,NewList,ToAppFooter
  }
};
</script>
   
<style scoped>
</style>